Penulisan Kode Komputasi HTML

Tutorial HTML; Diperbarui tanggal: 9/09/2025

Untuk menuliskan kode atau script pemrograman komputer pada HTML, kita dapat menggunakan beberapa tag sebagai berikut:

Elemen <code> HTML

Elemen <code> pada HTML digunakan untuk menandai potongan kode atau teks yang ditampilkan dalam bentuk monospace atau tetap lebar. Contoh penggunaan:

<p>Kita dapat mendefinisikan judul halaman web dengan tag <code><title></code>.</p>

Kode diatas akan menghasilkan tampilan sebagai berikut:

Kita dapat mendefinisikan judul halaman web dengan tag <title> .

Elemen <kbd> HTML

Elemen <kbd> digunakan untuk mendefinisikan inputan dari keyboard. Konten dalam elemen <kbd> akan ditampilkan dalam huruf monospace secara default oleh browser. Contoh:

<p>Untuk menyimpan dokumen dengan keyboard kita dapat menggunakan kombinasi tombol <kbd>Ctrl + S</kbd></p>

Keluaran dari kode diatas sebagai berikut:

Untuk menyimpan dokumen dengan keyboard kita dapat menggunakan kombinasi tombol Ctrl + S

Elemen <samp> HTML

 Elemen <samp> sangat berguna untuk menandai output dari program, seperti hasil pencarian atau hasil kompilasi. Dengan menggunakan elemen <samp>, output program akan terlihat berbeda dari teks biasa dan lebih mudah dibedakan. Contoh:

<p>Hasil pencarian untuk kata kunci "<samp>HTML</samp>":</p>
<ul>
  <li><samp>HTML</samp> Tutorial - educhannel.id/webooks/HTML/</li>
  <li>Introduction to <samp>HTML</samp> - www.html.com/</li>
</ul>

Hasil dari kode diatas sebagai berikut:

Hasil pencarian untuk kata kunci "HTML":

  • HTML Tutorial - educhannel.id/webooks/HTML/
  • Introduction to HTML - www.html.com/

 

Elemen <var> HTML

Tag <var> pada HTML digunakan untuk menandai variabel dalam suatu formula atau pernyataan matematika. contoh:

<p>Luas lingkaran = <var>&pi;</var>r<sup>2</sup></p>

Hasil dari kode diatas yaitu:

Luas lingkaran = πr2